<template>
  <div class="app-page">
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane v-if="hasTabPermission(606)" label="调拨计划" name="first">
        <allot-plan />
      </el-tab-pane>
      <el-tab-pane label="调拨单" name="second">
        <transfer-manage />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import allotPlan from '../allotPlan/index.vue'
  import transferManage from '../transferManage/index.vue'
  import { hasTabPermission } from '@/utils/tabPermission'
  export default {
    name: 'allotManage',
    components: {
      allotPlan, transferManage
    },
    data() {
      return {
        activeName: 'first'
      }
    },
    mounted() {
      if (!hasTabPermission(606)) {
        this.activeName = 'second'
      }
    },
    methods: {
      hasTabPermission
    }
  }
</script>

<style lang="scss" scoped>
</style>
